<template>
  <div class="as-select-dropdown"
       :class="[size?'as-select-dropdown--'+size:'']"
       :style="{minWidth}">
    <slot></slot>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "AsSelectDropdown",
  componentName: "AsSelectDropdown",
  props: {
    size: String
  },
  data() {
    return {
      minWidth: "",
      hoverItem: null
    };
  },
  mounted() {
    this.minWidth = this.$parent.$el.getBoundingClientRect().width + "px";
  }
};
</script>
